<template>
    <view style="padding: 10px 20px;">
        <view style="text-align: center;">
            <view style="font-size: 40upx;">高端大会</view>
        </view>
        <view style="margin-bottom: 10upx;">简介</view>
       
        <u-line></u-line>
        <view style="margin-top: 20upx;font-size:26upx;color:#666;margin-bottom:20upx">报告简介，文本内容，报告简介，文本内容报告简介，文本内容大会简介，文本内容报告简介，文本内容大会简介，文本内容大会简介，文本内容大会简介，文本内容，大会简介，文本内容，大会简介，文本内容大会简介，文本内容大会简介，文本内容大会简介</view>
        <uTabs :baseList="tabBasicList" />
        <mainList :baseList="topCompanyBasicList" type="high" url="/pages/hignEnd/details" />
        <!-- <view style="margin-bottom:20upx" v-for="item in 4">
            <view style="font-size: 34upx;margin-bottom: 10upx;">2024年度</view>
            <u-line ></u-line>
            <view style="margin-top: 20upx;">
               
            </view>
            
        </view> -->
       
    </view>
  </template>
  
  <script>
  import mainList from '@/components/mainList/index.vue'
  import uTabs from '@/components/uTabs/index.vue'
  export default {
    components: {
        mainList,
        uTabs
    },
    data() {
      return {
        tabBasicList: [
                {
                    name:'独角兽企业研究'
                },
                {
                    name:'企业赛道一'
                },
                {
                    name:'企业赛道二'
                }
            ],
        topCompanyBasicList: [
                {
                    id: 0,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 1,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 2,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                }
            ],
      }
    },
    onShow() {
        this.getType()
        this.getList()
    },
    methods: {
        async getType () {
            const res = await this.$api.getDahuiType({})
            this.tabBasicList = res?.map((item) => {
                return{
                    ...item,
                    name:item.title || item.typename
                }
            })
        },
        async getList () {
            const res = await this.$api.getDahui({})
            this.topCompanyBasicList = res?.list?.map((item) => {
                return{
                    ...item,
                    name:item.title,
                    desc_text:item.small_text,
                    // tag:item.city_id
                }
            })
            // console.log(this.topCompanyBasicList)
        },
        handleEnter(){
            uni.navigateTo({
                url:'/pages/company/enter'
            })
        }
    }
  }
  </script>
  
  <style>

  </style>
  